<h:form id="formPeriodoDePrograma" 
        xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://java.sun.com/jsf/core">

    <script language="JavaScript" src = "scripts/script.js"/>

    <h:panelGrid columns="2" style="width: 100%">

        <h:panelGroup>

            <h:outputText value="Ano Inicial" /><br/>
            <p:inputText value="#{periodoDeProgramaBean.periodoDePrograma.anoInicial}" 
                         styleClass="up"
                         required="true"
                         requiredMessage="Campo ano inicial requerido"/><br/>

        </h:panelGroup>

        <h:panelGroup>

            <h:outputText value="Ano Final" /><br/>
            <p:inputText value="#{periodoDeProgramaBean.periodoDePrograma.anoFinal}" 
                         style="width: 160px"
                         required="true"
                         requiredMessage="Campo ano final requerido"
                         styleClass="up" /><br/>

        </h:panelGroup>
        
    </h:panelGrid>
    
    <h:panelGrid style="width: 100%">
        
        <h:panelGroup>
            
            <h:outputText value="Tipo" /><br/>
            <p:selectOneMenu value="#{periodoDeProgramaBean.periodoDePrograma.tipoDePeriodo}" >
            
                <f:selectItem itemLabel="Selecione" />
                <f:selectItem itemLabel="Original" itemValue="ORIGINAL" />
                <f:selectItem itemLabel="Revisado" itemValue="REVISADO" />
                
            </p:selectOneMenu>
            
        </h:panelGroup>
        
    </h:panelGrid>

    <hr/>

    <p:commandButton id="btnGravar" value="Gravar" 
                     actionListener="#{periodoDeProgramaBean.adicionarEditarFim}"
                     update="formPeriodoDePrograma" />

    <p:commandButton value="Cancelar" 
                     actionListener="#{periodoDeProgramaBean.cancelar}"
                     immediate="true"/>

</h:form>


